import { useState, useEffect } from "react";
import { Image } from "antd";

import BANNER5 from "assets/banner5.jpg";
import POSITION from "assets/position.jpg";

function contactUs() {
  const [count, setCount] = useState(0);
  useEffect(() => {
    console.log(count);
  }, [count]);

  return (
    <>
      <div id="bannerShow">
        <a href="#">
          <Image src={BANNER5} alt="" />
        </a>
      </div>
      <div id="breadcrumb">
        <div className="container">
          <a href="index">首页</a>
          <span> >> </span>
          <a href="contactUs">联系我们</a>
        </div>
      </div>
      <div id="select" className="container">
        <div className="title">
          <h1 className="chinese">联系我们</h1>
        </div>
        <div className="content clearfix">
          <div className="list">
            <a href="#">床上用品</a>
            <a href="#">家居饰品</a>
            <a href="#">居家日用</a>
            <a href="#">家居收纳</a>
            <a href="#">厨房收纳</a>
            <a href="#">厨房餐饮</a>
            <Image src={BANNER5} alt="wqpl" />
          </div>
          <div className="contact right">
            <a href="#">
              {" "}
              <Image src={POSITION} alt="" />
            </a>
            <div className="information">
              <div>联系人：陈先生</div>
              <div>咨询热线：400-000-xxxx / (021)-1234578xxx</div>
              <div>联系邮箱：12385963xxxx@gmail.com</div>
              <div>公司地址：中国上海市xxx区xxx路12号moumou大厦5层5xx室</div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}

export default contactUs;
